<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">   <%-- 在IE运行最新的渲染模式 --%>
		<meta name="viewport" content="width=device-width, initial-scale=1">   <%-- 初始化移动浏览显示 --%>
		<meta name="Author" content="Dreamer-1.">
		
		<!-- 引入各种CSS样式表 -->
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="css/index.css">	<!-- 修改自Bootstrap官方Demon，你可以按自己的喜好制定CSS样式 -->
		<link rel="stylesheet" href="css/font-change.css">	<!-- 将默认字体从宋体换成微软雅黑（个人比较喜欢微软雅黑，移动端和桌面端显示效果比较接近） -->		
		
		<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script src="js/public.js"></script>
		<title>- 请假管理系统 -</title>
	</head>
	
	<body>
		<%  
        HttpSession sess = request.getSession();  
        String message = (String)sess.getAttribute("mes");  
      
    if(message == ""){  
        %>  
  
        <%  
    }else{  
        %>  
             <script type="text/javascript">  
                    alert("<%=message %>");  
             </script>  
        <%  
        sess.setAttribute("mes", "");  
    }  
 	%>
	<!-- 顶部菜单（来自bootstrap官方Demon）==================================== -->
		<nav class="navbar navbar-inverse navbar-fixed-top">
      		<div class="container">
        		<div class="navbar-header">
        		<h1 ><i class="fa fa-cog fa-spin"></i>&nbsp;<small>&nbsp;&nbsp;&nbsp;欢迎使用请假管理系统</small></h1>
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" >
		            	<span class="sr-only">Toggle navigation</span>
		            	<span class="icon-bar"></span>
		            	<span class="icon-bar"></span>
		            	<span class="icon-bar"></span>
					</button>
	          	
        		</div>
        		
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">			            
						<li><a href="###" onclick="showAtRight('editUser')"><i class="fa fa-users"></i> 修改密码</a></li>														
					</ul>
          			
        		</div>
      		</div>
    	</nav>

	<!-- 左侧菜单选项========================================= -->
		<div class="container-fluid">
			<div class="row-fluie">
				<div class="col-sm-3 col-md-2 sidebar">		
					<ul class="nav nav-sidebar" >
						<!-- 一级菜单 -->
						<li class="active"><a href="#userMeun" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-user"></i>&nbsp; 员工 <span class="sr-only">(current)</span></a>
							<!-- 二级菜单 -->
							<!-- 注意一级菜单中<a>标签内的href="#……"里面的内容要与二级菜单中<ul>标签内的id="……"里面的内容一致 -->
							<ul id="userMeun" class="nav nav-list collapse menu-second">
								<li><a href="###" onclick="showAtRight('taskListActionApply?assignee=staff')"><i class="fa fa-users"></i> 请假申请</a></li>
								<li><a href="###" onclick="showAtRight('taskquery?assignee=staff')"><i class="fa fa-users"></i> 请假查询</a></li>
							</ul>
						</li> 
						
						 
						<li><a href="#productMeun" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-globe"></i>&nbsp; 经理 <span class="sr-only">(current)</span></a>
							<ul id="productMeun" class="nav nav-list collapse menu-second">
								<li><a href="###" onclick="showAtRight('taskListActionApply?assignee=manager')"><i class="fa fa-list-alt"></i> 请假申请</a></li>
								<li><a href="###" onclick="showAtRight('taskListAction?assignee=manager')"><i class="fa fa-list-alt"></i> 请假审批</a></li>
								<li><a href="###" onclick="showAtRight('taskquery?assignee=manager')"><i class="fa fa-list-alt"></i> 请假查询</a></li>
							</ul>
						</li> 


						
						<li><a href="#recordMeun" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-file-text"></i>&nbsp; 老板 <span class="sr-only">(current)</span></a>
							<ul id="recordMeun" class="nav nav-list collapse menu-second">
								<li><a href="###" onclick="showAtRight('taskListAction?assignee=boss')" ><i class="fa fa-list"></i> 请假审批</a></li>
								<li><a href="###" onclick="showAtRight('taskquery?assignee=boss')"><i class="fa fa-list-alt"></i> 请假查询</a></li>
							</ul>
						</li> 
						<li><a href="#showImage" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-file-text"></i>&nbsp; 流程 <span class="sr-only">(current)</span></a>
							<ul id="showImage" class="nav nav-list collapse menu-second">
								<li><a href="###" onclick="showAtRight('showProcess')" ><i class="fa fa-list"></i> 查看流程</a></li>
							</ul>
						</li> 
							
					</ul>
					
				</div>
			</div>
		</div>

<!-- 右侧内容展示==================================================   -->   		
 				<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
					<h1 class="page-header"></h1>
						
						<!-- 载入左侧菜单指向的jsp（或html等）页面内容 -->
          				<div id="content">
          	 
       						
          				</div>  
				</div> 
		
		
	
	</body>
</html>